
#mainContents {
    position: absolute;
    top: 0px;
    left: 0px;
    /*
     background-image: url("http://harnivorouspartner.appspot.com/html/top320.JPG"); 
    background-repeat: no-repeat;
    */
	height: 350px;
    width:
    240px;
}

#topBody {
    font-size: x-small;
    width: 240px;
    height: 400px;
}

#topImg {
    width: 240px;
    position: absolute;
    top: 30px;
    left: 0px;
}

#inputArea {
    text-align: left;
    position: absolute;
    top: 240px; /*NMF*/
    left: 120px;
    width: 120px;
    margin: 0 auto 0 auto;
    color: #000000;
}

#privacyPolicyArea {
    position: absolute;
    top: 350px; /*NMF*/
    left: 5px;
    text-align: left;
    color: #000000;
    width: 220px;
}

#gameBody {
    font-size: x-small;
    color: #000000;
    width: 240px;
    height: 300px;
}

#gameImg {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 240px;
}

#questionPre {
    color: #008000;
}

#questionTitle {
    position: absolute;
    top: 40px; /*NMF*/
    left: 20px;
    width: 200px;
    text-align: left;
    background-color: #ffffff;
    border: 2px solid #ff8c00;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

#currentGame {
    position: absolute;
    top: 90px; /*NMF*/
    left: 130px;
    color: #ffffff;
}

#answers {
    position: absolute;
    top: 160px; /*NMF*/
    text-align: left;
    left: 50px;
}

#resultBody {
    width: 240px;
    height: 320px;
    font-size: x-small;
}

#resultImg {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 240px;
}

#ratioTitle {
    text-align: center;
    position: absolute;
    top: 90px;
    left: 40px;
}

#barArea {
    position: absolute;
    top: 115px; /*NMF*/
    left: 18px;
    width: 200px;
    text-align: left;
}

#bar {
    color: #ff1493;
    background-color: #ff1493;
    height: 25px;
    margin-left: 0px;
}

#ratioText {
    position: absolute;
    top: 160px;
    left: 40px;
    color: #ff1493;
}

#diagnosisTitle {
    font-size: medium;
}

#levelText {
    font-size: x-small;
    color: #000000;
}

#diagnosisText {
    position: absolute;
    top: 180px;
    left: 40px;
    width: 200px;
    text-align: left;
}

#tryButton {
    position: absolute;
    top: 250px;
    left: 20px;
    width: 200px;
    text-align: center;
}

#voiceText {
    width: 200px;
    text-align: center;
}

#errorMessage {
    position: absolute;
    top: 190px;
    left: 30px;
}